<!--{style}-->
html,body{background:#FFF;}
<!--{/style}-->

<!--{script}-->
$(document).ready(function(){
	$(".need_overtab li").bind("mouseover", function () {
		var index = $(this).index();
		var classs = $(".tab-pane");
		$(this).parent().children("li").attr("class", "");
		$(this).attr("class", "active");
		classs.hide();
		classs.eq(index).show();
	});
});
<!--{/script}-->

<div class="selectcity_tabs">
	<div class="selectcity_title Sys-special_color_deep"><!--<lang package='__COMMON_LANG__@Common'>-->请按城市拼音(A-Z)选择<!--</lang>-->：&nbsp;&nbsp;(<a href="<!--{:Q::U('www~@'.Q::C('DEFAULT_APP').'://index/index')}-->"><!--<lang package='__COMMON_LANG__@Common'>-->全部城市<!--</lang>--></a>)</div>
	<div class="nav_tabcontainer nav_tab">
		<ul class="need_overtab">
			<!--<foreach for="arrCitysitesAjax" value="arrTemp">-->
			<li class="<!--{if $key=='hot'}-->active<!--{/if}-->"><a href="#selectcity_<!--{$key}-->" data-toggle="tab"><!--{if $key=='hot'}--><!--<lang package='__COMMON_LANG__@Common'>-->热门<!--</lang>--><!--{d*else}--><!--{$key}--><!--{/if}--></a></li>
			<!--</foreach>-->
		</ul>
	</div>
	<div id="selectcity_tabcontent" class="tab-content">
		<!--<foreach for="arrCitysitesAjax" value="arrCitysites">-->
		<div class="tab-pane fade <!--{if $key=='hot'}-->in active<!--{d*else}-->none<!--{/if}-->" id="selectcity_<!--{$key}-->">
			<ul>
				<!--<foreach for="arrCitysites" key="keyTemp" value="arrCitysite">-->
				<li><a href="<!--{:Q::U($arrCitysite['site_domain'].'~@'.Q::C('DEFAULT_APP').'://public/index')}-->" title="<!--{$arrCitysite['site_name']}--><!--{$GLOBALS['_option_']['site_name']}-->" class="<!--{if $key!='hot' && $arrCitysite['site_ishot']==1}-->hot_city<!--{/if}-->"><!--{$arrCitysite['site_name']}--></a></li>
				<!--</foreach>-->
			</ul>
		</div>
		<!--</foreach>-->
	</div>
</div>
